<!DOCTYPE html>
  <head>
  <title>网页设计与制作</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
    
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1">
 	<link href='http://fonts.useso.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,800' rel='stylesheet' type='text/css'> 

    
   	<link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/jquery-ui.css" /> <!-- popular tab -->
   	<link rel="stylesheet" href="css/templatemo_misc.css">
	<link rel="stylesheet" href="css/templatemo_style.css">   
    
    <!-- JavaScripts -->   
    <script src="js/jquery-1.11.1.min.js"></script> <!-- lightbox -->
	<script src="js/templatemo_custom.js"></script> <!-- lightbox -->
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/jquery-ui.min.js"></script> <!-- popular tab -->
    
    <!-- JavaScripts -->  
</head>
  <body>
  	<!-- menu start -->	
  	<div class="container menu">
    	<div class="row">
            <div class="col-sm-4">
            	<div class="templatemo_webtitle"><img src="images/templatemo_logo.png" alt="logo"></div>
            </div>
            <div class="col-sm-8">
            	<nav class="navbar navbar-default" role="navigation">
          <div class="container-fluid"> 
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">目录</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="top-menu">
               <div class="collapse navbar-collapse main_menu" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                  <li><a href="index.html">首页</a></li>
                  <li ><a href="html.html">HTML</a></li>
                  <li><a href="gallery.html">CSS</a></li>
                  <li><a href="gallery.html">视频课堂</a></li>
                  <li><a href="gallery.html">案例库</a></li>
                  <li class="current"><a href="contact.html">联系我们</a></li>
                </ul>
              </div>
            </div>
            <!-- /.navbar-collapse --> 
          </div>
          <!-- /.container-fluid --> 
        </nav>
            </div>
        </div>
    </div>
   
    
    <!-- contact start -->
    <div class="container">
   	  <div class="row">
        	<div class="col-md-12">
              <div class="templatemo_contact_top shadow">
               	<div class="templatemo_contact_top_title">我们的团队</div>
                        <div class="templatemo_contact_top_sub">团队介绍</div>
                    	<p>课程制作需要团队的分工合作才能打造出适合学习的课程
                    	<ul> 学生团队</ul>
                    	<ul> 教师团队</ul>
                    	<ul> 资源开发团队</ul>
                    	<ul> 前端开发团队</ul>
                    	</p>
              </div>
                </div>
        	
      </div>
    </div>
    <div class="container">
    	<div class="row margin30">
        	<div class="col-md-12">
            	<div class="templatemo_contact shadow">
                	<div class="title">联系我们</div>
                    <div class="subtitle">邮箱联系方式</div>
                	<div class="col-md-6">
                    	<form action="#" method="post">
                        	<input type="text" name="textfield" id="nametext" class="name" placeholder="主题">
                            <input type="text" name="textfield" id="emailtext" class="email" placeholder="邮箱地址">
                            <textarea name="" class="message" placeholder="信息内容 "></textarea>
                            <button type="submit" class="blue">发送</button>
                        </form>
                    </div>
          			<div class="col-md-6">
                    
                    </div>
                     <div class="clear"></div>
                </div>
               
            </div>
            
        </div>
    </div>
    <!-- contact end -->
	<!-- footer start -->
     <div class="container">
    	<div class="row">
        	<div class="col-md-12 margin30 center">Copyright &copy; 2017 四川广播电视大学 | 信息中心 媒体制作部  - 四川  | 成都 </div>
            <div class="margin30">&nbsp;</div>
        </div>
    </div>
    <!-- footer end -->

  </body>
</html>